<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/humys.css">
    <link  rel="stylesheet"  href="css/head.css">
</head>
<body>

<div  class="head"></div>

<div  id="hucontain">
    <div><img  :src="banimg"  /></div>
    <div>
        <div class="mains">

            <!--左边-->
          <div class="daohang">
              <div  class="hutitle">课程内容</div>
              <div><div @click="ins"  :index="1"  :class="indexx==1?'activedaohang':0">已报课程</div><div>({{xiaoxi}})</div></div>
              <div><div @click="ins"  :index="2"  :class="indexx==2?'activedaohang':0">课程表 </div><div>({{xiaoxi}})</div></div>
              <div><div @click="ins"  :index="3"  :class="indexx==3?'activedaohang':0">作业表</div><div>({{xiaoxi}})</div></div>
              <div><div @click="ins"   :index="4"  :class="indexx==4?'activedaohang':0">我的试卷</div><div>({{xiaoxi}})</div></div>
              <div  class="hutitle"> 个人信息 </div>
              <div><div @click="ins"  :index="5"  :class="indexx==5?'activedaohang':0">老师评价</div><div>({{xiaoxi}})</div></div>
              <div><div @click="ins" :index="6"  :class="indexx==6?'activedaohang':0">孩子信息</div><div>({{xiaoxi}})</div></div>
              <div  class="hutitle">消息提醒</div>
              <div><div @click="ins"  :index="7"  :class="indexx==7?'activedaohang':0">老师消息</div><div>({{xiaoxi}})</div></div>
              <div><div @click="ins"  :index="8"  :class="indexx==8?'activedaohang':0">系统消息</div><div>({{xiaoxi}})</div></div>
          </div>


            <!--右边-->
            <div  class="mainn">

                <!--已报课程-->
                <div class="ybkecheng"  v-if="indexx==1">
                    <div v-for="(item,index) in  ybkecheng">
                        <div>{{item.title}}</div>
                        <div>
                            <div><img :src="item.src" /></div>
                            <div>
                                <div>教师{{item.name}}</div>
                                <div><span>{{item.kemu}}</span><span>{{item.banji}}</span><span>{{item.number}}人</span></div>
                                <div><img  :src="dateimg"  /><span>{{item.date}}</span></div>
                                <div><img  :src="ddateimg"  /><span>{{item.ddate}}</span></div>
                            </div>
                        </div>
                    </div>
                </div>


                <!--课程表-->
                <div  v-else-if="indexx==2"  class="kechengbiao" >
                    <div><div><img  @click="shangyiyue" :src="zuojiantou" /><span>{{jintian.year}}-{{jintian.month}}</span><img @click="xiayiyue" :src="youjiantou" /></div></div>
                    <div><div v-for="item in xingqid">{{item}}</div></div>
                    <div class="huris">
                        <div v-for="(item,index) in xinqi"  :keys="index" class="dan"></div>
                        <div  @click="todays" v-if="item.today==false"    :keys="index" v-for="(item,index) in shuzi"   :index="item.day"  :class="item.day==xinqij?'myclass':''">{{item.day}} <img  :src="hongdian"  /></div>
                        <div  @click="todays" v-else-if="item.today==true"     :keys="index" :index="item.day"  :class="item.day==xinqij?'myclass':'myclasss' ">今天<img  :src="hongdian" /></div>
                    </div>

                    <div  class="huriss">
                        <div v-for="(item,index) in  myclass">
                            <div><span>{{item.title}}</span><span>教师:&nbsp;&nbsp;{{item.name}}</span></div>
                            <div>
                                <div><img :src="item.src" /></div>
                                <div>
                                    <div><span>{{item.kemu}}</span><span>{{item.banji}}</span><span>{{item.number}}人</span></div>
                                    <div><img  :src="dateimg"  /><span>{{item.date}}</span></div>
                                    <div><img  :src="ddateimg"  /><span>{{item.ddate}}</span></div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <!--作业表-->
                <div   v-else-if="indexx==3" class="zuoyebiao">
                    <div>
                      我的作业
                    </div>
                    <div>
                        <div  @click="tozuoye"  v-for="item in zuoyes" class="dan" >
                            <div><span>{{item.kemu}}</span></div>
                             <div>{{item.date}}</div>
                             <div>{{item.neirong}}</div>
                        </div>
                    </div>
                </div>

       <!-- 我的试卷 -->
                <div    v-else-if="indexx==4" class="myshijuan">
                    <div  v-for="item  in  myshijuan">
                         <img :src="item.src[1]" />
                        <div>{{item.title}}</div>
                         <div><div>选择点评试卷老师</div> <div ><span  @click="pingjia">评价</span><img  :src="huihua"  /> <img  :src="hongdian" /> </div > </div>
                         <div>
                        <select>
                             <option v-for="item in wteacher"  > {{item}}</option>
                        </select>
                          <span>发送试卷</span>
                         </div>
                       <div>{{item.kemu}}</div>
                        <div>共{{item.src.length}}张</div>
                    </div>
                </div>



                <!--老师评价-->
                 <div  v-else-if="indexx==5"   class="teacherpingjia">
                         <div   v-for="item  in  teapingjia">
                             <div>
                               <div> <img :src="item.src" /></div>
                                 <div>
                                     <span>{{item.name}}</span>
                                     <span>{{item.date}}</span>
                                 </div>
                                 <img   v-if="item.teapingjia=='优'" :src="you" />
                                 <img   v-else-if="item.teapingjia=='良'" :src="liang" />
                                 <img   v-else-if="item.teapingjia=='中'" :src="zhong" />
                                 <img   v-else-if="item.teapingjia=='差'" :src="cha" />
                             </div>
                             <div>{{item.pingjia}}</div>
                         </div>
                 </div>


                <!--孩子信息-->
                <div  v-else-if="indexx==6"  class="haizixinxi">
                     <div>
                         <div><img :src="haizi.src" /></div>
                         <div>
                             <span>{{haizi.name}}</span>
                             <span>{{haizi.age}}岁</span>
                         </div>
                     </div>
                    <div>
                        <div><img :src="mokuan"  /> <div>学习状况</div></div>
                        <div>{{haizi.study}}</div>
                    </div>
                    <div>
                        <div><img  :src="mokuan"  /> <div>身体状况</div></div>
                        <div>{{haizi.study}}</div>
                    </div>

                </div>



                <!--老师消息-->
                  <div   v-else-if="indexx==7"  class="teacherideo">
                  <div  v-for="item  in teachsrideao">
                      <div>
                    <img  :src="item.src" />
                      <div>{{item.name}}</div>
                     <div>{{item.date}}</div>
                     </div>
                      <div>
                          {{item.idea}}
                      </div>
                  </div>
                  </div>



                 <!--系统消息-->
                <div   v-else-if="indexx==8"  class="xitongidea">
                    <div  v-for="item  in xitongidea">
                        <div>
                            <img  :src="lingdang" />
                            <div>系统推送</div>
                            <div>{{item.date}}</div>
                        </div>
                        <div>
                            {{item.idea}}
                        </div>
                    </div>
                </div>

               <!--分页展示-->
                    <div   class="page"  v-show="show"  v-if="indexx==3||indexx==4||indexx==7">
                        <div class="pagelist">
                            <span class="jump"v-show="current_page>1" @click="current_page--">上一页</span>
                            <span v-show="current_page>5" class="jump" @click="jumpPage(1)">1</span>
                            <span class="ellipsis"  v-show="efont">...</span>
                            <span class="jump" v-for="num in indexs" :class="{bgprimary:current_page==num}" @click="jumpPage(num)">{{num}}</span>
                            <span class="ellipsis"  v-show="efont&&current_page<pages-4">...</span>
                            <span class="jump" @click="current_page++">下一页</span>
                            <span v-show="current_page<pages-1" class="jump" class="jump" @click="jumpPage(pages)">{{pages}}</span>
                            <span class="jumppoint">跳转到：</span>
                            <span class="jumpinp"><input type="text" v-model="changePage"  /></span>
                            <span class="jump gobtn" @click="jumpPage(changePage)">GO</span>
                        </div>
                    </div>
            </div>
            <!--分割-->
        </div>
    </div>
</div>



<div  class="dibussss"></div>
</body>
<script  src="js/jquery.3.3.1.min.js"></script>
<script  src="js/vue.js"></script>
<script  type="text/javascript">

    $(document).ready(function () {
        $(".head").load("xqhead.html")
        $(".fudongd").load("fudong.html")
        $(".dibussss").load("dibu.html")
    })

    var obj={
        indexx:1,      //控制显示的模块
        xiaoxi:'1',   //消息通知的数量
        dateimg:"http://bzt.cybwnt.com/uploads/zhongxue/date.png",
        ddateimg:"http://bzt.cybwnt.com/uploads/zhongxue/webddate.png",
        banimg:"http://bzt.cybwnt.com/uploads/zhongxue/webteachers.png",
        hongdian:"http://bzt.cybwnt.com/uploads/zhongxue/hongdian.png",
        xingqid:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],
        zuojiantou:"http://bzt.cybwnt.com/uploads/zhongxue/webzuojiantou.png",
        youjiantou:"http://bzt.cybwnt.com/uploads/zhongxue/webyoujiantou.png",
        jintian:{
            year:'2017',
            month:'09'
        },
        xingqi:'',  //每月第一天星期几
        xinqij:"",
        shuzi:[{day:'1',month: '6',today:false,week:1,year:2017},{day:'1',month: '6',today:false,week:1,year:2017},{day:'1',month: '6',today:false,week:1,year:2017},{day:'1',month: '6',today:false,week:1,year:2017},],
        myclass:[
            {title:"【2019暑】四年级趣味语文入门班",src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",kemu:"语文",banji:"2班",number:"20",date:"06月12日-12月30日",ddate:"16:00-20:00"}, {title:"【2019暑】四年级趣味语文入门班",src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",kemu:"语文",banji:"2班",number:"20",date:"06月12日-12月30日",ddate:"16:00-20:00"},
            {title:"【2019暑】四年级趣味语文入门班",src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",kemu:"语文",banji:"2班",number:"20",date:"06月12日-12月30日",ddate:"16:00-20:00"},
        ],
        ybkecheng:[
            {title:"【2019暑】四年级趣味语文入门班",src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",kemu:"语文",banji:"2班",number:"20",date:"06月12日-12月30日",ddate:"16:00-20:00"}, {title:"【2019暑】四年级趣味语文入门班",src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",kemu:"语文",banji:"2班",number:"20",date:"06月12日-12月30日",ddate:"16:00-20:00"},
            {title:"【2019暑】四年级趣味语文入门班",src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",kemu:"语文",banji:"2班",number:"20",date:"06月12日-12月30日",ddate:"16:00-20:00"},
            {title:"【2019暑】四年级趣味语文入门班",src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",kemu:"语文",banji:"2班",number:"20",date:"06月12日-12月30日",ddate:"16:00-20:00"}, {title:"【2019暑】四年级趣味语文入门班",src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",kemu:"语文",banji:"2班",number:"20",date:"06月12日-12月30日",ddate:"16:00-20:00"},
            {title:"【2019暑】四年级趣味语文入门班",src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",kemu:"语文",banji:"2班",number:"20",date:"06月12日-12月30日",ddate:"16:00-20:00"},
            {title:"【2019暑】四年级趣味语文入门班",src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",kemu:"语文",banji:"2班",number:"20",date:"06月12日-12月30日",ddate:"16:00-20:00"}, {title:"【2019暑】四年级趣味语文入门班",src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",kemu:"语文",banji:"2班",number:"20",date:"06月12日-12月30日",ddate:"16:00-20:00"},
            {title:"【2019暑】四年级趣味语文入门班",src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",kemu:"语文",banji:"2班",number:"20",date:"06月12日-12月30日",ddate:"16:00-20:00"},
            {title:"【2019暑】四年级趣味语文入门班",src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",kemu:"语文",banji:"2班",number:"20",date:"06月12日-12月30日",ddate:"16:00-20:00"}, {title:"【2019暑】四年级趣味语文入门班",src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",kemu:"语文",banji:"2班",number:"20",date:"06月12日-12月30日",ddate:"16:00-20:00"},
            {title:"【2019暑】四年级趣味语文入门班",src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",kemu:"语文",banji:"2班",number:"20",date:"06月12日-12月30日",ddate:"16:00-20:00"},
        ],
        zuoyes:[
            {kemu:"历史",date:"2017-08-19",neirong:"本周语文作业我已经布置下去了，请家长监督孩子及时做完作业，谢谢作业下周末交给组长收齐！"},
            {kemu:"历史",date:"2017-08-19",neirong:"本周语文作业我已经布置下去了，请家长监督孩子及时做完作业，谢谢作业下周末交给组长收齐！"},
            {kemu:"历史",date:"2017-08-19",neirong:"本周语文作业我已经布置下去了，请家长监督孩子及时做完作业，谢谢作业下周末交给组长收齐！"},
            {kemu:"历史",date:"2017-08-19",neirong:"本周语文作业我已经布置下去了，请家长监督孩子及时做完作业，谢谢作业下周末交给组长收齐！"},
            {kemu:"历史",date:"2017-08-19",neirong:"本周语文作业我已经布置下去了，请家长监督孩子及时做完作业，谢谢作业下周末交给组长收齐！"},
            {kemu:"历史",date:"2017-08-19",neirong:"本周语文作业我已经布置下去了，请家长监督孩子及时做完作业，谢谢作业下周末交给组长收齐！"},
        ],

        wteacher:["张老师","李老师","文老师"],
        myshijuan:[
            {src:["http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png","http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png","http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png"],title:"四年级语文期中考试卷精选",kemu:"语文"},
            {src:["http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png","http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png","http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png"],title:"四年级语文期中考试卷精选",kemu:"语文"},
            {src:["http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png","http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png","http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png"],title:"四年级语文期中考试卷精选",kemu:"语文"},
            {src:["http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png","http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png","http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png"],title:"四年级语文期中考试卷精选",kemu:"语文"},
            {src:["http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png","http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png","http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png"],title:"四年级语文期中考试卷精选",kemu:"语文"},
            {src:["http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png","http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png","http://bzt.cybwnt.com/uploads/zhongxue/shijuans.png"],title:"四年级语文期中考试卷精选",kemu:"语文"},
        ],
        huihua:"http://bzt.cybwnt.com/uploads/zhongxue/huihua.png",
        hongdian:"http://bzt.cybwnt.com/uploads/zhongxue/hongdian.png",
        you:"http://bzt.cybwnt.com/uploads/zhongxue/you.png",
        liang:"http://bzt.cybwnt.com/uploads/zhongxue/liang.png",
        zhong:"http://bzt.cybwnt.com/uploads/zhongxue/zhong.png",
        cha:"http://bzt.cybwnt.com/uploads/zhongxue/cha.png",
        teapingjia:[
            { src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png" ,name:"张老师",teapingjia:"优" ,pingjia:"你机智敏捷，身上洋溢着青春的气息，你应该是一位有出息的女孩。成绩的提高需要平日的训练，日积月累，循序进步。老师真诚地希望你充分发挥自己的聪明才智，努力开拓学习的深度和广度。",date:"2017-06"},
            { src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png" ,name:"张老师",teapingjia:"良" ,pingjia:"你机智敏捷，身上洋溢着青春的气息，你应该是一位有出息的女孩。成绩的提高需要平日的训练，日积月累，循序进步。老师真诚地希望你充分发挥自己的聪明才智，努力开拓学习的深度和广度。",date:"2017-06"},
            { src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png" ,name:"张老师",teapingjia:"中" ,pingjia:"你机智敏捷，身上洋溢着青春的气息，你应该是一位有出息的女孩。成绩的提高需要平日的训练，日积月累，循序进步。老师真诚地希望你充分发挥自己的聪明才智，努力开拓学习的深度和广度。",date:"2017-06"},
            { src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png" ,name:"张老师",teapingjia:"差" ,pingjia:"你机智敏捷，身上洋溢着青春的气息，你应该是一位有出息的女孩。成绩的提高需要平日的训练，日积月累，循序进步。老师真诚地希望你充分发挥自己的聪明才智，努力开拓学习的深度和广度。",date:"2017-06"},
        ],
        haizi:{name:"陈雪",src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",age:"18",study:"从事数学教学多年，功底扎实，逻辑思维严密，重点突出。热爱教育，风趣幽默的教学方式改变枯燥的数学形象，丰富的教学经验让课堂更加精准有效，快速提分重塑学生对数学的兴趣，让学生在快乐中学习，在学习中感受快乐。",body:"从事数学教学多年，功底扎实，逻辑思维严密，重点突出。热爱教育，风趣幽默的教学方式改变枯燥的数学形象，丰富的教学经验让课堂更加精准有效，快速提分重塑学生对数学的兴趣，让学生在快乐中学习，在学习中感受快乐。"},
        mokuan:"http://bzt.cybwnt.com/uploads/zhongxue/webmokuai.png",
        teachsrideao:[
             {src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",date:"2017-10-16 16:40",idea:"明天2班的语文课在502教室上课，请相互告知！另外作业明天交给组长收齐。"},
             {src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",date:"2017-10-16 16:40",idea:"明天2班的语文课在502教室上课，请相互告知！另外作业明天交给组长收齐。"},
             {src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",date:"2017-10-16 16:40",idea:"明天2班的语文课在502教室上课，请相互告知！另外作业明天交给组长收齐。"},
             {src:"http://bzt.cybwnt.com/uploads/zhongxue/teachertouxiang.png",name:"张老师",date:"2017-10-16 16:40",idea:"明天2班的语文课在502教室上课，请相互告知！另外作业明天交给组长收齐。"},
         ],
        lingdang:"http://bzt.cybwnt.com/uploads/zhongxue/weblingdang.png",
        xitongidea:[
            {date:"2017-10-16 16:40",idea:"恭喜你注册成功！欢迎使用！"},
            {date:"2017-10-16 16:40",idea:"恭喜你注册成功！欢迎使用！"},
        ],
        current_page: 1, //当前页
        pages: 50, //总页数
        changePage:'',//跳转页
        nowIndex:0,
        };
   var  vm= new Vue({
        el:"#hucontain",
        data:obj,
    methods:{
            //导航栏切换
            ins:function ($event) {
                var indexx=$event.target.getAttribute("index")
                this.indexx=indexx;
            },
            // 获取每月有多少天
            strToDays: function(year,month) {
        var number = (new Date(year,month,0)).getDate();
        var days = [];
        var str = '';
        var times = 0;
        var duixiang = [];
        var as = '';
        var newdata = new Date();
        // var newdata =
        for(var a=1;a<=number;a++){
            str = year + '-' + month + '-' + a;
            times = Date.parse(str);
            if (year == newdata.getFullYear() && parseInt(month)==(newdata.getMonth()+1)&&a == newdata.getDate()){
                duixiang.push({
                    year: year,
                    month: month,
                    day: a,
                    week: (new Date(times)).getDay(),
                    // times: times,
                    today: true
                });
            }else{
                duixiang.push({
                    year: year,
                    month: month,
                    day: a,
                    week: (new Date(times)).getDay(),
                    // times: times,
                    today: false
                });
            }
        }
        return duixiang;
    },

    // 获取星期几(传递参数依次:  年 ，月 )
     timeToDays:function(year, month){
        var str = year+'-'+month+'-'+1;
        str = Date.parse(str);
        str = new Date(str).getDay();
        return str;
    },

     //点击时间
    todays:function ($event) {
        var xinqij=$event.target.getAttribute("index")
        this.xinqij=xinqij;
        console.log(this.jintian)
            },
            //上一月
            shangyiyue:function(){
                var datee = new Date();
                var year = this.jintian.year;
                var month = this.jintian.month;

                if (month == 1) {
                    month = 12,
                    year = year - 1;
                } else {
                    console.log(month)
                    month = month - 1
                }
                var shuziss = this.strToDays(year, month);
                var xinqi = this.timeToDays(year, month)
                this.jintian.year=year;
                this.jintian.month=month;
                 this.shuzi=shuziss,
                 this.xingqi=xinqi
            },
            //下一月
            xiayiyue:function(){
                var datee = new Date();
                var year = this.jintian.year;
                var month = this.jintian.month;
                if (month == 12) {
                    month = 1,
                        year = year + 1;
                } else {
                    console.log(month)
                    month = month + 1
                }
                var shuziss = this.strToDays(year,month);
                var xinqi = this.timeToDays(year,month)
                this.jintian.year=year;
                this.jintian.month=month;
                this.shuzi=shuziss;
                this.xingqi=xinqi;
            },

        //去作业详情
        tozuoye:function () {
                window.open('xqzuoyebiao.html?id=1')
        },
       //评价
        pingjia:function () {
            window.open('xqhupingjia.html?id=1')
        },
        //获取参数上个页面参数
        getQueryVariable:function(variable)
        {
            var query = window.location.search.substring(1);
            var vars = query.split("&");
            for (var i=0;i<vars.length;i++) {
                var pair = vars[i].split("=");
                if(pair[0] == variable){
                    return pair[1];
                }
            }
            return(false);
        },

        //分页
        jumpPage: function(id) {    // 分页
            this.current_page = id;
        },
        },

        //在vue实例化之后
        created:function () {
                var id= Number(this.getQueryVariable('id'))+1;
                console.log(id)
             this.indexx=id
                var  date =new Date();
                var  year =date.getFullYear();
                var month =date.getMonth()+1;
                var dayes=date.getDate();
                this.xinqij=dayes;
                this.shuzi=this.strToDays(year,month);
                this.xinqi=this.timeToDays(year,month);
                this.jintian.year=year;
                this.jintian.month=month;
        },

       computed: {
           show: function () {
               return this.pages && this.pages != 1
           },
           efont: function () {
               if (this.pages <= 7) return false;
               return this.current_page > 5
           },
           indexs: function () {
               var left = 1,
                   right = this.pages,
                   ar = [];
               if (this.pages >= 7) {
                   if (this.current_page > 5 && this.current_page < this.pages - 4) {
                       left = Number(this.current_page) - 3;
                       right = Number(this.current_page) + 3;
                   } else {
                       if (this.current_page <= 5) {
                           left = 1;
                           right = 7;
                       } else {
                           right = this.pages;
                           left = this.pages - 6;
                       }
                   }
               }
               while (left <= right) {
                   ar.push(left);
                   left++;
               }
               return ar;
           },
       },
    })


</script>
</html>